<template>
    <div class="father">
       <h3>父组件</h3>
       <h4>汽车:{{ car }}</h4>
       <h4>子给的玩具:{{ toy }}</h4>
       <h4 v-show="toy">子给的玩具:{{ toy }}</h4>
       <Child :car="car":setsendToy="getToy"></Child>
       <!--使用car="car"的方式将父组件的car属性传递给子组件-->
       <!--使用:setsendToy="getToy"的方式将父组件的方法传递给子组件,然后从子组件调用父组件的方法,接到玩具-->
    </div>
</template>
<script lang="ts" setup name="Father">
import { ref } from 'vue'
import Child from './Child.vue'

const car = ref('宝马')
const toy = ref('')
// 方法,这个方法是玩具给子组件的
function getToy(value: string){
    toy.value = value
}
</script>
<style scoped>
	.father{
		background-color:rgb(165, 164, 164);
		padding: 20px;
		border-radius: 10px;
	}
</style>